iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 5
0
Modern Web

不只是寫寫CSS,切版概念30天系列 第 5

DAY05 - 開始切版前 - 看圖起手式

  • 分享至 

  • xImage
  •  

「好了!有圖有檔案!終於我要開始動工啦」
「你要怎麼開始?」
「當然是設計稿拿出來,開始一頁一頁衝完啊~~~」

拿到設計師的設計稿、也和設計師討論過設計相關的問題後,就可以正式進入切版了,
但接下來真的照圖切嗎?開始下手的前,還有哪些囉唆的事要記得?

01. 一定要看大小版的流動

千萬不要看了大版(電腦版)就開始埋頭苦切,有的時候小版的設計會影響到結構怎麼切
所以記得,要切一個版,一定要大版小版一起看完之後再下手喔


02. 盤點頁面版型 - 找出共同的東西列出來

先全部看過設計稿後,把頁面中共同的東西列出來,之後照著你盤點的共同版型開始進行切版
強烈建議不要看一頁切一頁,不要挑戰自己的記憶力 (醒醒吧你是金魚腦)
你有可能切到後面已經忘記前面有沒有切過,造成同樣元件切法可能不同的狀況,
維護不易又重工費時,很冤望啊QAQ


記得以上的小提醒,我們就可以開始動工了~
明天,我們就可以進入主軸囉!怎麼開始執行一個切版的工作?


上一篇
DAY04 - 切好版的第一步 - 與設計師的接觸與溝通(2)
下一篇
DAY06 - 切版流程
系列文
不只是寫寫CSS,切版概念30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言